.about .desc .link a, .kehu .fd a, .kehu li a .desc, .kehu li a .tt, .mtitle, .prod .cate, .prod .list li .tt, .youshi .bd li {
  text-align: center
}
.ylink {
    height: 0;
    width: 0;
    overflow: hidden;
}
.mtitle {
  padding: 46px 0
}

.mtitle .tt {
  font-size: 30px;
  color: #1f1a17;
  line-height: 60px
}

.mtitle b {
  display: block;
  width: 40px;
  height: 3px;
  background: #1a91df;
  margin: 0 auto
}

.mtitle p {
  font-size: 18px;
  color: #666;
  line-height: 46px;
  margin: 0
}
.a2ul{ position: relative; }

.prod {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  background: #f9f9f9;
  padding-bottom: 50px
}

.prod .hot, .prod .list li a {
  border: 1px solid #ddd;
  position: relative
}

.prod .cate {
  margin-bottom: 45px
}

.prod .cate a {
  display: inline-block;
  width: 148px;
  height: 38px;
  line-height: 38px;
  margin: 0 1px 5px 0;
  background: #ededed
}

.prod .cate a:hover {
  background: #1a91df;
  color: #fff;
  text-decoration: none
}

.prod .hot {
  float: left;
  width: 333px;
  height: 478px;
  overflow: hidden
}

.prod .hot img {
  width: 100%;
  height: 100%
}

.prod .list li {
  float: left;
  width: 255px;
  margin: 0 0 20px 20px
}

.prod .list li a {
  background: #fff;
  display: block
}

.about, .faqs li {
  border-bottom: 1px solid #e8e8e8
}

.prod .list li .pic {
  height: 228px;
  overflow: hidden
}

.prod .list li .pic img {
  width: 100%;
  height: 100%;
  transition: All .4s ease-in-out;
  -webkit-transition: All .4s ease-in-out;
  -moz-transition: All .4s ease-in-out;
  -o-transition: All .4s ease-in-out
}

.prod .list li .desc, .prod .list li .desc i, .prod .list li .tt {
  transition: all .15s ease-in-out 0s;
  position: absolute
}

.prod .list li .desc {
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(66, 118, 226, .5)
}

.prod .list li .desc i {
  left: 50%;
  top: 100%;
  margin: -25px 0 0 -25px;
  opacity: 0
}

.prod .list li .tt {
  left: 20px;
  right: 20px;
  top: 0;
  opacity: 0;
  height: 37px;
  line-height: 37px;
  font-size: 18px;
  color: #fff
}

.prod .list li.end {
  margin-right: 0
}

.prod .list li a:hover {
  background: #fff;
  text-decoration: none;
  box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

.prod .list li a:hover .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1)
}

.prod .list li a:hover .desc, .prod .list li a:hover .more {
  opacity: 1
}

.prod .list li a:hover .desc i {
  opacity: 1;
  top: 90px
}

.prod .list li a:hover .desc .tt {
  opacity: 1;
  top: 130px
}

.prod .next, .prod .prev {
  position: absolute;
  top: 50%;
  width: 7px;
  height: 13px;
  padding: 10px 5px;
  background: rgba(0, 0, 0, .7);
  margin-top: -12px
}

.prod .next i, .prod .prev i {
  display: block;
  width: 7px;
  height: 13px;
  background: url(../Public/home/images/arrowe.png) no-repeat
}

.prod .prev {
  left: 0
}

.prod .next {
  right: 0
}

.prod .next i {
  right: 0;
  background-position: -7px 0
}

.about {
  border-top: 1px solid #e8e8e8;
  background: #f9f9f9;
  padding-bottom: 80px
}

.about .bd {
  position: relative
}

.about .desc {
  float: right;
  width: 560px;
  padding-top: 12px
}

.about .desc .con {
  position: relative;
  padding: 20px 38px;
  margin-bottom: 32px
}

.about .desc .con .ileft, .about .desc .con .iright {
  position: absolute;
  width: 24px;
  height: 48px;
  background: url(../Public/home/images/dot.png) no-repeat
}

.kehu .bd, .kehu .bfocus {
  position: relative
}

.about .desc .con .ileft {
  top: 0;
  left: 0
}

.about .desc .con .iright {
  bottom: 0;
  right: 0;
  background-position: -24px 0
}

.about .desc .con .intro {
  font-size: 14px;
  line-height: 36px;
  height: 180px;
  overflow: hidden
}

.about .desc .link a {
  display: block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 36px;
  background: #1a91df;
  color: #fff
}

.about .desc .link a:hover {
  background: #0573bb;
  text-decoration: none
}

.youshi, .youshi .bd li {
  background: #fff
}

.about .pic {
  float: left;
  border: 10px solid #eee;
  width: 45%;
}

.youshi .bd {
  padding: 5px 0 90px
}

.youshi .bd li {
  float: left;
  width: 31.55%;
  height: 386px;
  margin-right: 2.675%;
  color: #000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.youshi .bd li .pic {
  padding-top: 60px
}

.youshi .bd li .desc {
  padding: 0 50px
}

.youshi .bd li strong {
  display: block;
  font-size: 24px;
  line-height: 72px;
  color: #000;
  margin-bottom: 5px
}

.youshi .bd li p {
  margin: 0;
  line-height: 24px
}

.youshi .bd li.c1 {
}

.youshi .bd li.c2 {
}

.youshi .bd li.c3 {
  margin-right: 0
}

.kehu {
  padding: 16px 0 70px;
  background: #fff
}

.kehu li {
  float: left;
  width: 360px;
  margin-right: 36px
}

.kehu li a {
  display: block;
  background: #fafafa;
  height: 336px
}

.kehu li a .pic {
  height: 200px;
  overflow: hidden
}

.kehu li a img {
  width: 100%;
  height: 100%;
  display: block
}

.kehu li a .desc {
  padding: 0 16px
}

.kehu li a .tt {
  font-size: 18px;
  color: #666;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kehu li a p {
  margin: 0;
  line-height: 24px;
  color: #999;
  height: 72px;
  overflow: hidden
}

.kehu li a:hover {
  text-decoration: none
}

.kehu li a:hover h2 {
  color: #1a91df
}

.kehu .bfocus {
  height: 336px;
  overflow: hidden
}

.kehu .next, .kehu .prev {
  position: absolute;
  top: 60px;
  width: 40px;
  height: 80px;
  background: url(../Public/home/images/arrowa.png) no-repeat
}

.kehu .prev {
  left: -80px
}

.kehu .next {
  right: -80px;
  background-position: -40px 0
}

.kehu .fd a {
  display: block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 36px;
  background: #1a91df;
  color: #fff;
  margin: 50px auto 0
}

.kehu .fd a:hover {
  background: #0573bb;
  text-decoration: none
}

.row {
  padding: 32px 0 50px;
  background: #fff
}

.row .hd {
  height: 52px;
  line-height: 52px;
  font-size: 24px;
  color: #777;
  margin-bottom: 15px
}

.news li a, .news li a span {
  height: 47px;
  line-height: 47px;
  display: block
}

.news {
  float: left;
  width: 358px;
  margin-right: 45px
}

.faqs {
  float: left;
  width: 380px
}

.factory {
  float: right;
  width: 332px
}

.news li {
  border-top: 1px dashed #e8e8e8
}

.news li a {
  position: relative;
  padding-right: 90px
}

.news li a span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.news li a em {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #999
}

.faqs li {
  padding: 14px 0
}

.faqs li a, .faqs li p {
  margin: 0;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.faqs li a {
  display: block
}

.faqs li p {
  color: #999
}

.faqs li i {
  float: left;
  margin: 6px 10px 0 0
}

.faqs li:hover a {
  color: #1d60d3
}

.faqs li:first-child {
  padding-top: 0
}

.factory .bd {
  position: relative
}

.factory li {
  float: left;
  width: 100px;
  margin: 0 16px 16px 0
}

.factory li a {
  display: block;
  height: 100px;
  overflow: hidden
}

.factory li img {
  height: 100px;
  transition: All .4s ease-in-out;
  -webkit-transition: All .4s ease-in-out;
  -moz-transition: All .4s ease-in-out;
  -o-transition: All .4s ease-in-out
}

.factory li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1)
}

.factory li.end {
  margin-right: 0
}

.icontact {
  background: url(../Public/home/images/cbg.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 28px 0
}

.icontact .info {
  float: left;
  width: 370px;
  margin-right: 33px
}

.icontact .info .tt {
  font-size: 24px;
  color: #ddd;
  line-height: 56px
}

.icontact .info .con {
  line-height: 30px;
  color: #ccc
}

.icontact .imap {
  float: left;
  width: 378px;
  height: 190px
}

.fmsg {
  float: right;
  width: 294px
}

.gbook li {
  margin-bottom: 10px
}
.gbook .yzm{ padding: 3px 5px; }
.gbook li{ position: relative; }
input{ outline: none;}
textarea{ outline: none;}
.reimg{ position: absolute; right: 0; top: 0; height: 30px; }
.gbook .field {
  border: 1px solid #666;
  height: 28px;
  line-height: 28px;
}

.gbook .field i {
  float: left;
  margin: 7px 6px 0 9px
}

.gbook .field .icon-user {
  margin-top: 6px
}

.gbook .field input {
  background: 0 0;
  border: 0;
  line-height: 28px;
  font-size: 14px;
  color: #ccc;
  width: 250px
}

.gbook textarea {
  border: 1px solid #666;
  padding: 6px;
  font-size: 14px;
  color: #ccc;
  width: 280px;
  height: 44px;
  background: 0 0;
  display: block;
  min-height: inherit
}

.gbook .error {
  background: #444;
  border-color: #999
}

.gbook .btn {
  width: 178px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  font-size: 14px;
  border: none; 
}

.gbook .lineend {
  margin-bottom: 0
}